<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>谭梦娜-实验19</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style1.css">

</head>
<body>
    <!--header-->

    <!-- content -->
      <div class="container">
          <div class="row">
              <div class="col-md-2">
                <div class="list-group sider-bar">
                  <a href="#" class="list-group-item active">热门</a>
                  <a href="#" class="list-group-item">头条</a>
                  <a href="#" class="list-group-item">视频</a>
                  <a href="#" class="list-group-item">榜单</a>
                  <a href="#" class="list-group-item">搞笑</a>
                  <a href="#" class="list-group-item">社会</a>
                </div>
                  <p>L orem ipsum dolor sit amet consectetur, adipisicing elit. Vitae et soluta necessitatibus ab</p>
              </div>
              <div class="col-ma-7">
                <p>L orem ipsum dolor sit amet consectetur, adipisicing elit. Vitae et soluta necessitatibus ab</p>
              </div>
              <div class="col-md-3">
                <p>L orem ipsum dolor sit amet consectetur, adipisicing elit. Vitae et soluta necessitatibus ab</p>
              </div>
          </div>
      </div>
    <!-- footer -->

</body>
</html>